<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>项目导航</title>
    <style>

        body{
            	            background-image: url("");

            position: fixed;
            overflow: hidden;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;
        }
        .iframe-container {
              position: fixed;
              top: 80px;
              right: 10px;
              width: 1300px; 
              height: 700px; 
              overflow: hidden;
              text-align: center;
              z-index:-2;
            }
          
            .iframe-container iframe {
            /* scrolling:auto; */
              width: 100%;
              height: 100%;
              overflow: hidden;
              /* transform: scale(0.3);  */
              transform-origin: top right; 
            }
            .lefttext{
                position: fixed;
                top: 40px;
                left: 100px;
                width:400px;
                height: 900px;
                border-radius: 10px;
                overflow: hidden;
                background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
            }
            .lefttext ol li {
                color: rgb(0, 0, 0);
                font-size: 20px;

            }
            /* .lefttext ol li a span a{
                font-size: 10;
                background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
            } */
            .lefttext ol li a{
                color: aqua;  
                font-size: 15px;
                
                text-decoration: none;
            }


    </style>
</head>
<body>

        <div class="lefttext">
            <p style="color: rgb(255, 255, 255); text-align: center; font-size: 30px;" >gitee项目目录</p>

            <ol>

                <li>引导页<a href="https://weiyizxy.gitee.io/yindao/"  target="yulan"> 预览</a> <a href="https://weiyizxy.gitee.io/yindao" target="_blank" > /跳转</a> </li>
                <li>牧草可视化大屏<a href="https://weiyizxy.gitee.io/daping" target="yulan"> 预览</a><a href="https://weiyizxy.gitee.io/daping" target="_blank" > /跳转</a></li>
                <li>古诗词—蝶恋花<a href="https://weiyizxy.gitee.io/dlh" target="yulan" > 预览</a> <a href="https://weiyizxy.gitee.io/dlh/" target="_blank" > /跳转</a> </li>
                <li>诗词展<a href="https://weiyizxy.gitee.io/shicizhan" target="yulan" > 预览</a> <a href="https://weiyizxy.gitee.io/shicizhan" target="_blank" > /跳转</a> </li>
                <li>新海诚动漫电影<a href="https://weiyizxy.gitee.io/new-haicheng-animation-film" target="yulan" > 预览</a> <a href="https://weiyizxy.gitee.io/new-haicheng-animation-film" target="_blank" > /跳转</a> </li>
                <li>运动改变生活<a href="https://weiyizxy.gitee.io/sports-change-life" target="yulan" > 预览</a> <a href="https://weiyizxy.gitee.io/sports-change-life" target="_blank" > /跳转</a> </li>
                <li>星空下的世界<a href="https://weiyizxy.gitee.io/starry-sky" target="yulan" > 预览</a> <a href="https://weiyizxy.gitee.io/starry-sky" target="_blank" > /跳转</a> </li>
                <li>绿色农场<a href="https://weiyizxy.gitee.io/green-farm" target="yulan" > 预览</a> <a href="https://weiyizxy.gitee.io/green-farm" target="_blank" > /跳转</a> </li>
                <li>旅游网页<a href=" https://weiyizxy.gitee.io/travel" target="yulan" > 预览</a> <a href=" https://weiyizxy.gitee.io/travel" target="_blank" > /跳转</a> </li>
                <li>浪漫花屋<a href="https://weiyizxy.gitee.io/romantic/" target="yulan" > 预览</a> <a href="https://weiyizxy.gitee.io/romantic/" target="_blank" > /跳转</a> </li>
                <li>诗词展<a href="https://weiyizxy.gitee.io/shicizhan" target="yulan" > 预览</a> <a href="https://weiyizxy.gitee.io/shicizhan" target="_blank" > /跳转</a> </li>
                <li>诗词展<a href="https://weiyizxy.gitee.io/shicizhan" target="yulan" > 预览</a> <a href="https://weiyizxy.gitee.io/shicizhan" target="_blank" > /跳转</a> </li>
                <li>诗词展<a href="https://weiyizxy.gitee.io/shicizhan" target="yulan" > 预览</a> <a href="https://weiyizxy.gitee.io/shicizhan" target="_blank" > /跳转</a> </li>
                <li>诗词展<a href="https://weiyizxy.gitee.io/shicizhan" target="yulan" > 预览</a> <a href="https://weiyizxy.gitee.io/shicizhan" target="_blank" > /跳转</a> </li>
                <li>诗词展<a href="https://weiyizxy.gitee.io/shicizhan" target="yulan" > 预览</a> <a href="https://weiyizxy.gitee.io/shicizhan" target="_blank" > /跳转</a> </li>


              </ol>

            
        </div>

   
          <div class="iframe-container">
            <iframe scrolling="yes" name="yulan" allow="fullscreen" scrolling="auto" src="" ></iframe>
          </div>

    <script>


    </script>

  
</body>
</html>